<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/购物车.css" />

	<body>
		<header>
			<div class="container">
				<ul class="header_left">
					<li><a href="详情.html" target="_blank">关于荣耀</a></li>
					<li><a href="#">新闻</a></li>
					<li><a href="#">荣耀官网</a></li>
					<li><a href="#">会员</a></li>
					<li><a href="#">企业购</a></li>
					<li><a href="#">荣耀俱乐部</a></li>
				</ul>
				<ul class="header_right">
					<li>
						<a href="注册.html" target="_blank">注册</a>
						<span>|</span>
						<a href="登录页.html" target="_blank">登录</a>
					</li>
					<li><a href="#">我的订单</a></li>
					<li class="jjtt"><a class="header_right_jt" href="#">手机端</a></li>
					<div class="header_jt1">
						<img src="img/jiantouxia bai.png" />
					</div>
					<div class="header_jt2">
						<img src="img/jiantoushang bai.png" />
					</div>
					<div class="qcfd"></div>
					<div class="header_xf">
						<div class="header_xf_ewm">
							<div class="ewm1">
								<img src="img/erweima.jpeg" />
								<div class="header_xf_right">
									<h3>荣耀商城App</h3>
									<p>新人专享好礼</p>
									<p>免费领79元耳机</p>
									<img src="img/android.png" />
									<img src="img/wechat.png" />
								</div>
							</div>
							<div style="width: 273px;" class="ewm1">
									<img src="img/erweima.jpeg" />
									<div class="header_xf_right">
										<h3>荣耀商城App</h3>
										<p>新人专享好礼</p>
										<p>免费领79元耳机</p>
										<img src="img/android.png" />
										<img src="img/wechat.png" />
									</div>
									</div>
							<div class="ewm1">
										<img src="img/erweima.jpeg" />
										<div class="header_xf_right">
											<h3>荣耀商城App</h3>
											<p>新人专享好礼</p>
											<p>免费领79元耳机</p>
											<img src="img/android.png" />
											<img src="img/wechat.png" />
										</div>
									</div>

						</div>
					</div>
				</ul>

		</header>
		<div class="banner">
			<div class="container">
				<div class="banner_left">
					<img style="height: 36px ;" src="img/gouwuche.png" />
					<span>我的购物车</span>
				</div>
				<div class="banner_right">
					<img style="height: 54px;" src="img/liucheng.png" />
				</div>
			</div>
		</div>
		<div style="background: #f5f5f5;" class="content1">
			<div class="container">
				<div class="content1_top">
					<img style="height: 100%" src="img/gth.png" />
					<p>您还没有登录！登录后可查看之前加入的商品</p>
					<a href="#">登录</a>
				</div>
				<div class="content1_middle">
					<!--<span></span>
					<p>您的购物车里什么也没有哦~</p>
					<a href="#">去逛逛</a>-->
					<div class="content1_middle_top">
						<div class="checkbox">
							<input readonly="readonly" class="checked" />
							<span>全选</span>
						</div>
					</div>
				</div>
			</div>
			<div class="content2">
				<div class="container">
					<h4>热销推荐</h4>
					<div class="content2_bottom">
						<div class="content2_bottom_max">
							<div class="content2_bottom_max_zjt">
								<img style="width: 20px;" src="img/zuojiantou hui.png" />
							</div>
							<div class="content2_bottom_middle">
								<p class="p1">
									<a href="#"><img src="img/ryp50.png" /></a>
								</p>
								<p class="p2"><a href="#">荣耀50 Pro</a></p>
								<p class="p3">¥&nbsp;3699</p>
							</div>
							<div class="content2_bottom_middle">
								<p class="p1">
									<a href="#"><img src="img/ryp50.png" /></a>
								</p>
								<p class="p2"><a href="#">荣耀50 Pro</a></p>
								<p class="p3">¥&nbsp;2699</p>
							</div>
							<div class="content2_bottom_middle">
								<p class="p1">
									<a href="#"><img src="img/ry30.png" /></a>
								</p>
								<p class="p2"><a href="#">荣耀30 Pro</a></p>
								<p class="p3">¥&nbsp;3999</p>
							</div>
							<div class="content2_bottom_middle">
								<p class="p1">
									<a href="#"><img src="img/ryx10.png" /></a>
								</p>
								<p class="p2"><a href="#">荣耀X10</a></p>
								<p class="p3">¥&nbsp;2199</p>
							</div>
							<div class="content2_bottom_middle">
								<p class="p1">
									<a href="#"><img src="img/ry2se.png" /></a>
								</p>
								<p class="p2"><a href="#">荣耀 Earbuds 2 SE</a></p>
								<p class="p3">¥&nbsp;469</p>
							</div>
							<div class="content2_bottom_max_yjt">
								<img style="width: 20px;" src="img/youjiantou hui.png" />
							</div>
						</div>
					</div>
				</div>
				<div class="p4"></div>
			</div>
		</div>
		<section>
			<div class="container">
				<ul>
					<li class="s1"><img style="width: 40px;padding-right:15px ;" src="img/yuanquan-zuo.png" /><a href="#">官方商城 品质保证</a></li>
					<li class="s2"><img style="width: 40px;padding-right:15px ;" src="img/yuanquan-shang.png" /><a href="#">7天退货 15天换货</a></li>
					<li class="s3"><img style="width: 40px;padding-right:15px ;" src="img/yuanquan-you.png" /><a href="#">48元起免运费</a></li>
					<li class="s4"><img style="width: 40px;padding-right:15px ;" src="img/yuanquan-xia.png" /><a href="#">1800+服务店 全国联保</a></li>
				</ul>
			</div>
		</section>
		<div class="content3">
			<div class="container">
				<div class="content3_left">
					<div class="content3_left_box">
						<p>推荐产品</p>
						<ul>
							<li><a href="#">手机</a></li>
							<li><a href="#">笔记本</a></li>
							<li><a href="#">平板</a></li>
							<li><a href="#">智慧屏</a></li>
							<li><a href="#">智慧穿戴</a></li>
							<li><a href="#">智能家居</a></li>
							<li><a href="#">配件</a></li>
						</ul>
					</div>
					<div class="content3_left_box">
						<p>品牌</p>
						<ul>
							<li><a href="#">关于荣耀</a></li>
							<li><a href="#">新闻</a></li>
							<li><a href="#">活动</a></li>
							<li><a href="#">视频</a></li>
							<li><a href="#">加入我们</a></li>
						</ul>
					</div>
					<div class="content3_left_box">
						<p>购物相关</p>
						<ul>
							<li><a href="#">购物指南</a></li>
							<li><a href="#">退换货政策</a></li>
							<li><a href="#">配送方式</a></li>
							<li><a href="#">支付方式</a></li>
							<li><a href="#">常见问题</a></li>
						</ul>
					</div>
					<div class="content3_left_box">
						<p>服务支持</p>
						<ul>
							<li><a href="#">保修政策</a></li>
							<li><a href="#">备件价格查询</a></li>
							<li><a href="#">会员服务规则</a></li>
							<li><a href="#">价格保护规则</a></li>
						</ul>
					</div>
					<div class="content3_left_box">
						<p>快速链接</p>
						<ul>
							<li><a href="#">荣耀俱乐部</a></li>
							<li><a href="#">加入荣耀</a></li>
						</ul>
					</div>
				</div>
				<div class="content3_right">
					<img style="width: 24px;" src="img/duihua.png" />
					<p style="display: inline-block;">在线客服</p>
					<h5>400-078-8888</h5>
					<p>商城服务热线</p>
					<div class="content3_right_bottom">
						<h6>关注荣耀：</h6>
						<img style="width: 60px;" src="img/ewm01.jpg" />
					</div>
				</div>
			</div>
		</div>
		<footer>
			<div class="container">
				<div class="footer_box">
					<ul>
						<li class="f1"><a href="#">隐私声明</a></li>
						<div class="footer_column"></div>
						<li class="f2"><a href="#">使用条款</a></li>
						<div class="footer_column"></div>
						<li class="f3"><a href="#">关于cookies</a></li>
					</ul>
					<p>版权所有 © 荣耀终端有限公司 2021 保留一切权利</p>
					<p>
						<a href="#">粤ICP备20047157号</a>
						<a href="#">粤公网安备 </a>
						<a href="#">44030702003447号</a>
					</p>
					<div class="footer_column2"></div>
				</div>
				<div class="footer_last">
					<span>增值电信业务许可证：粤B2-20201081 </span>
					<a href="#"><img src="img/gwc02.png" /></a>
					<div class="footer_column3"></div>
				</div>
			</div>
		</footer>
		<div class="extra">
			<div class="extra_max">
				<div class="extra_minddle">
					<p href="#"><img style="width: 40px;height: 40px;" src="img/gouwuche03.png"/></p>
					<p style="font-size: 12px;">购物车</p>
				</div>
				<div class="extra_minddle">
					<p  href="#"><img style="width: 40px;height: 40px;" src="img/zaixiankefu.png"/></p>
					<p style="font-size: 12px;">在线客服</p>
				</div>
				<div class="extra_minddle">
					<p  href="#"><img style="width: 40px;height: 40px;" src="img/love.png"/></p>
					<p style="font-size: 12px;">自助服务</p>
				</div>
			</div>
		</div>
	</body>

</html>